<template>
	<view class="wh100">
		<scroll-view scroll-y="true">
			<view style="color: #5F1B22;" class="fs36 fb title shsc mt30">茶多酚规则说明</view>
			<view style="margin-top: 62rpx" class="rules-wrap pb30 bs fs28">
				<view class="list">
					<view style="margin-top: 78rpx;text-align: justify;" class="item" v-for="(item,index) in ruleList"
						:key="index">
						<view style="color: #5F1B22;" class="title fs32 fb shsc">{{index+1}}、{{item.title}}</view>
						<view style="margin-top: 48rpx;" class="fs28 content">{{item.content}}</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name: '',
		components: {

		},
		data: function() {
			return {
				ruleList: [{
						title: "茶友共创系列",
						content: "内容..."
					},
					{
						title: "称号冻结",
						content: "内容..."
					},
					{
						title: "目前贡献值获取途径有",
						content: "内容..."
					}, {
						title: "茶友共创系列",
						content: "内容..."
					},
					{
						title: "称号冻结",
						content: "内容..."
					},
					{
						title: "目前贡献值获取途径有",
						content: "内容..."
					}, {
						title: "茶友共创系列",
						content: "内容..."
					},
					{
						title: "称号冻结",
						content: "内容..."
					},
					{
						title: "目前贡献值获取途径有",
						content: "内容..."
					}
				]
			}
		},
		methods: {},
		created() {},
		mounted() {},
	}
</script>

<style scoped>
	scroll-view {
		height: 100%;
	}
</style>
